<template>
	<view>
		<page-head headTitle="商品管理" rightWords="添加" :returnButton="true" @clickLeftReturn="clickLeftReturn" @onClickWords="onClickWords"></page-head>
		<view class="flex bg-white p-l-r3 p-t-b3 justify-between fixed fixed-top9">
			<view class="flex flex-1 m-r1 bg-search search-h justify-content align-center border-r">
				<text class="iconfont icon-biaoqing search-icon"></text>
				<input class="search-width" placeholder-class="input-goods fs-g search-width" type="text" placeholder="请输入商品名称">
		    </view>
			<view class="flex search-h search-button justify-content align-center border-r">搜索</view>
		</view>
		<view class="m-t2">
			<view class="m bg-white">
				<view class="p-l-r2">
					<view class="flex height align-center fs-3 border-botton">
						<text class="flex-1 flex justify-content">商品名称</text>
						<text class="flex-1 flex justify-content">价格</text>
						<text class="flex-1 flex justify-content">库存</text>
						<text class="flex-1 flex justify-content">状态</text>
						<text class="flex-1 flex justify-content">操作</text>
					</view>
				</view>
				<view class="table">
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">下架</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">上架</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
					<view class="flex search-h align-center p-l-r2 fs-2 color-table">
						<text class="flex-1 flex justify-content">代金卷</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">10</text>
						<text class="flex-1 flex justify-content">售罄</text>
						<text class="flex-1 flex justify-content color-blue"><text class="m-r1">编辑</text><text>删除</text></text>
					</view>
				</view>
			</view>
	    </view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
	export default {
		components:{
			pageHead
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			},
			onClickWords(){
				uni.navigateTo({
				    url: '../addGoods/addGoods'
				});
			}
		}
	}
</script>

<style scoped>
.search-icon{font-size: 60rpx;color: #AAAAAA;}
</style>
